<div data-page="<{$pageName}>" class="page"> <include file="Public:header" />
	<input type="hidden" name="cur_tabbar_active" value="<{$cur_tabbar_active}>" />
	<script>
var show_eng_words_index=0;
</script>
	<div class="page-content has_toolbar" >
		<div class="panel panel-default">
			<div class="panel-body" style="text-align:center">
				<div class="row"> <a history="0" href="<{:U('notebook',array('type'=>'all'))}>" history="0" data-type='a' >
					<div class="col-xs-4 col-sm-4"> <{$all_count}><br />
						<span class="light">单词量</span> </div>
					</a> <a history="0" href="<{:U('notebook',array('type'=>'new'))}>" history="0" data-type='a' >
					<div class="col-xs-4 col-sm-4"> <span class="warning" id="word_warning"><{$new_count}></span><br />
						<span class="light">新单词</span> </div>
					</a> <a history="0" href="<{:U('notebook',array('type'=>'complete'))}>" history="0" data-type='a' >
					<div class="col-xs-4 col-sm-4"> <span class="success" id="word_success"><{$complete_count}></span><br />
						<span class="light">已完成</span> </div>
					</a> </div>
			</div>
		</div>
		<div class="after_div">
			<volist name="data" id="one" empty="$empty">
				<div class="panel panel-default eng_words eng_words_<{$type}> words_<{$one.id}> remember_<{$one.remember}>" data-id="<{$one.id}>">
					<div class="panel-heading"><{$one['word']}></div>
					<div class="panel-body">
						<p> [英][<{$one.ph_en}>]
							<if condition="$one['ph_en_mp3']"> <span  url="<{$one.ph_am_mp3}>"  class="glyphicon glyphicon-volume-down play_mp3" aria-hidden="true"></span> </if>
							[美][<{$one.ph_am}>]&nbsp;&nbsp;
							<if condition="$one['ph_am_mp3']"> <span  url="<{$one.ph_am_mp3}>"   class="glyphicon glyphicon-volume-down play_mp3" aria-hidden="true"></span> </if>
							<span style="float:right"  class="glyphicon glyphicon-eye-open show_chinese" aria-hidden="true"></span> </p>
						<ul class="list-group">
						
							<li class="list-group-item" > <span class="badge" style="background-color:#fff; color:#000"  > <a  tabindex="0" data-toggle="popover" class="glyphicon glyphicon glyphicon-eye-open glyphicon_show_chinese"   ></a>&nbsp; <a class="glyphicon  glyphicon-play-circle glyphicon_playerVideoSeek" start_time_int="{{item.start_time_int}}"  end_time_int="{{item.end_time_int}}" player="ckplayer_videoPlayer"></a> </span> <span class="english" end_time_int="{{item.end_time_int}}" start_time_int="{{item.start_time_int}}">{{#item.show_english}}</span>
								<div class="chinese" ></div>
							</li>
						</ul>
						<div  style="display:none" class="chinese">
							<volist name="one['parts']" id="vo">
								<p><{$vo['part']}> <{$vo['means']}></p>
							</volist>
						</div>
					</div>
				</div>
			</volist>
		</div>
		<if condition="$type eq 'all'"> <include file="Public:pager" /> </if>
		<if condition="$type eq 'new'">
			<div class="word-button w5" id="konw_it"  style="display:none">
				<button type="button" id="word-button-new"  class="btn btn-warning">不认识</button>
				<button type="button" id="word-button-complete"  class="btn btn-success">认识</button>
			</div>
			<div class="word-button w5" id="next_it" style="display:none">
				<button type="button" id="word-button-prev"  class="btn btn-info">上一个</button>
				<button type="button" id="word-button-next" class="btn btn-primary">下一个</button>
			</div>
		</if>
	</div>
</div>
